.mock-body .mock-item-value {
    display: inline-block;
}

.mock-body .code-line {
    line-height: 24px;
    position: relative;
}

.mock-body .code-line > .mock-item-value > .btn {
    display: none;
}

.mock-body .code-line:hover > .mock-item-value > .btn {
    display: inline-block;
    cursor: pointer;
    opacity: 0.3;
}

.mock-body .code-line > .mock-item-value > .btn:active, .code-line > .mock-item-value > .btn:hover {
    opacity: 1 !important;
}

.mock-body .code-line > .key-span {
    margin-right: 5px;
}

.mock-body .code-line > .key-span > label > input[type="checkbox"], .mock-body .code-line > input[type="checkbox"] {
    opacity: 0.3;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.mock-body .code-line:hover > .key-span > label > input[type="checkbox"], .mock-body .code-line:hover > input[type="checkbox"] {
    opacity: 1;
}

.mock-body .code-line > .key-span > label > .key {
    color: green;
    font-weight: bold;
}

.mock-body .obj-start, .mock-body .obj-end {
    font-weight: bold;
    color: #002d6f;
}

.mock-body .value.collection-value {
    color: #999999;
}

.mock-body .value.base-value {
    color: blue;
}

.mock-body .value.base-value.base-value-0 {
    color: #7206a9;
    font-weight: bold;
}

.mock-body .input.input-lean {
    width: 100px;
}

.mock-body .table {

}

.mock-body .table td {
    font-size: 12px;
    line-height: 20px;
}

.mock-body .table td.list-item {
    cursor: pointer;
}

.mock-body .table td .ops {
    display: none;
}

.mock-body .table td:hover .ops {
    display: inherit;
}

.mock-body select {
}

.mock-body select:hover, .mock-body select:active {
}

.mock-body h3 {
    border-left: 6px solid #666666;
    padding-left: 10px;
    padding-bottom: 0 !important;
}
